<script setup lang="ts">
//import { Plus } from "@element-plus/icons-vue"

defineProps({
    //xlink:href属性值前缀
   prefix:{
    type:String,
    default:'#icon-'
   },
   name:{
     type:String,
     default:''
   },
   color:{
     type:String,
     default:''
   }
  
})
</script>

<template>
  <div class="icon">
   <svg class="a">
    <use :xlink:href="prefix + name" :fill="color" width="18px" height="18px" class="icon-svg"></use>  
   </svg>
  </div>

</template>

<style lang="less" scoped>
.icon{
  width: 20px;
  height: 20px;
  .a{
    width: 22px;
    height: 22px;
  }
}
</style>
